<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // cookie
    // Cookie又叫会话跟踪技术，实际上就是客户端硬盘上的一个文本文件，该文件用来存储一些数据。

    // cookie 是浏览器 为了 标识用户身份  或者 长时间存储一些信息  而保存在用户本地的数据(其本质是 为了提升用户体验  而存储来用户本地的数据)


    // 如何查看cookie?
    // (1) 手动查看    => 人为调试
    // 地址栏 => 查看网站信息 => cookie  => 对应域名查看

    // (2) JS代码查看
    // cookie的存取都依赖于document.cookie   => 只能查看cookie的键值对(所有的cookie)
    // console.log(document.cookie);

    // cookie的特征:
    // 1. cookie是以键值对的形式存在(key=value)
    // 2. cookie可以设置存储路径
    // 3. cookie可以设置过期时间

    // 前提: cookie测试需要服务器环境  =>  live server打开  HbuilderX  不要用本地文件打开(C://xxx)


    // cookie的增删改 查  => 设置 获取 删除 修改




</script>

</html>